@use 'sass:color';
@use './variables.module.scss' as vars;
@use './mixins.module.scss' as *;

.header {
  color: vars.$secondary-color;
  font-size: vars.$font-size-lg;
  font-weight: bold;
  margin: vars.$spacing-md 0;
  @include transition(color);

  &:hover {
    color: color.adjust(vars.$secondary-color, $lightness: -10%);
  }
}

.container {
  @include flex-center;
  flex-direction: column;
  min-height: 100vh;
  background-color: vars.$background-color;
}
